//主题色
$main-color: #2bb0fb;
//背景色
$bg-color: #f0f3f6;
$bg-color1: #eef2ff;
$bg-color2: #f6faff;
//按钮颜色
$btn-gray: #ebecf0;
//字体色 （灰色基调）
$text-title: #191a1b;
$text-content: #5f6367;
$text-tips: #acb0b5;
$text-light: #e8e8e8;

//标签辅助色
$tags-primary: #0c55c1;
$tags-success: #23c0a4;
$tags-warning: #ffb546;
$tags-error: #f74d20;
$tags-agree: #329dff;
$tags-yellow: #f8db74;
//圆角 大中小
$b-radius-lg: 24rpx;
$b-radius-md: 20rpx;
$b-radius-sm: 16rpx;
//
$color-white: #fff;
$color-green: #07c160;
$color-orange: #ffae1b;
$color-gray: #acadb4;
$color-gray1: #f6f6f6;
$gray-f5: #f5f7fa;
$color-coffee-title: #91763d;
$color-coffee-content: #855e12;

//底部边框线
$color-bottom: #d8dade;

%position-center {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

%text-hide {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: break-all;
}

%flex-items-center {
	display: flex;
	justify-content: center;
	align-items: center;
}
%flex-between {
	display: flex;
	justify-content: space-between;
	align-items: center;
}

%flex-center {
	display: flex;
	align-items: center;
}

%flex-column {
	display: flex;
	flex-direction: column;
}

%flex-column-center {
	display: flex;
	flex-direction: column;
	align-items: center;
}

@mixin flex-center($row: center, $column: center) {
	display: flex;
	justify-content: $row;
	align-items: $column;
}

@mixin relative {
	position: relative;
	width: 100%;
	height: 100%;
}

@mixin font-size($f, $w: 400) {
	font-family: PingFang SC, PingFangSC-Regular;
	font-size: $f + rpx;
	font-weight: $w;
}

@mixin font-size-medium($s, $w: 500) {
	font-family: PingFangSC-Medium, PingFang SC;
	font-size: $s + rpx;
	font-weight: $w;
}

//$f  DIN-Medium-Boldor Gotham-Bold
@mixin font-size-num($s, $w: 600) {
	font-family: DIN-Medium-Bold;
	font-size: $s + rpx;
	font-weight: $w;
}

@mixin width-hight($w, $h) {
	width: $w + rpx;
	height: $h + rpx;
}

@mixin x-padding-bottom($val: 0rpx) {
	padding-bottom: $val;
	padding-bottom: calc(#{$val} + env(safe-area-inset-bottom));
}

@mixin x-padding($top, $right, $bottom, $left) {
	padding-top: $top;
	padding-right: $right;
	padding-bottom: $bottom;
	padding-left: $left;
	padding-top: calc(#{$top} + env(safe-area-inset-top)); //为导航栏+状态栏的高度 88px
	padding-right: calc(#{$right} + env(safe-area-inset-right)); //如果未竖屏时为0
	padding-bottom: calc(#{$bottom}+ env(safe-area-inset-bottom)); //为底下圆弧的高度 34px
	padding-left: calc(#{$left} + env(safe-area-inset-left)); //如果未竖屏时为0
}

//文字几行超出省略
@mixin text-ellipsis($line: 1) {
	display: -webkit-box;
	display: -moz-box;
	/*! autoprefixer: ignore next */
	-webkit-box-orient: vertical;
	/*! autoprefixer: ignore next */
	-moz-box-orient: vertical;
	/* autoprefixer: on */
	-webkit-line-clamp: $line;
	-moz-line-clamp: $line;
	word-break: break-all;
	overflow: hidden;
	text-overflow: ellipsis;
}
